<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=640, initial-scale=0.5, user-scalable=no">
   
    <!-- 页面图标信息 -->
    <link rel="icon" href="./assets/images/logo.png" />
    <link rel="apple-touch-icon" href="./assets/images/logo.png" />
    <meta name="msapplication-TileImage" content="./assets/images/logo.png" />
    
    <title>shop</title>
    <!-- bootstrap -->
    <link rel="stylesheet" href="./assets/css/bootstrap.min.css" />
    
    <!-- 动画 -->
    <link rel="stylesheet" href="./assets/css/animate.min.css" />
    
    <!-- 初始化 reset -->
    <link rel="stylesheet/less" href="./assets/css/reset.less" />
    
    <!-- 首页的样式 -->
    <link rel="stylesheet/less" href="./assets/css/index.less" />

    <!-- rem的样式 -->
    <link rel="stylesheet" href="./assets/css/rem.css" />
</head>
<body>
    <!-- banner -->
    <div class="banner">
        <img src="./assets/images/background01.png">
    </div>
    <!-- banner -->

    <!-- price -->
    <div class="price">
        <div class="bigbox">
            <div class="box">
                <div class="font">
                    <p><span>￥</span>10</p>
                    <h2>满199元使用</h2>
                    <h3>立即领取</h3>
                </div>
            </div>
            <div class="box">
                <div class="font">
                    <p><span>￥</span>20</p>
                    <h2>满199元使用</h2>
                    <h3>立即领取</h3>
                </div>
            </div>
            <div class="box">
                <div class="font">
                    <p><span>￥</span>30</p>
                    <h2>满199元使用</h2>
                    <h3>立即领取</h3>
                </div>
            </div>
        </div>
        <div class="kong">
            <h4 class="discounts">
                钜惠2满688再送四重好礼
            </h4>
            <div class="sixnine">
                <div class="product one">
                    <img src="./assets/images/product1.png">
                    <p>下单实付金额满69元送</p>
                </div>
                <div class="product">
                    <img src="./assets/images/product2.png">
                    <p>下单实付金额满69元送</p>
                </div>
                <div class="product">
                    <img src="./assets/images/product3.png">
                    <p>下单实付金额满69元送</p>
                </div>
                <div class="product">
                    <img src="./assets/images/product4.png">
                    <p>下单实付金额满69元送</p>
                </div>
            </div>
        </div>
    </div>
    <!-- price -->

    <!-- recommend -->
    <div class="recommend">
        <h1>宝贝推荐</h1>
        <div class="blue">
            <div class="white">
                <div class="yellow">
                    <h6>爆款</br>推荐</h6>
                </div>
                <img src="./assets/images/product1.png">
                <div class="font">
                    <h3>生发洗发水</h3>
                    <p>专业植发生发，防脱固发，稳固发根</p>
                    <h5>￥79</h5>
                    <h4>立即抢购</h4>
                </div>
            </div>
        </div>
        <div class="blue">
            <div class="white">
                <div class="yellow2">
                    <h6>爆款</br>推荐</h6>
                </div>
                <img src="./assets/images/product4.png">
                <div class="font">
                    <h3>爆款钥匙圈</h3>
                    <p>一眼让你成为人群中的亮点</p>
                    <h5>￥29</h5>
                    <h4>立即抢购</h4>
                </div>
            </div>
        </div>
    </div>
    <!-- recommend -->

    <!-- market -->
    <div class="market">
        <h1>宝贝推荐</h1>
        <div class="list">
            <div class="box">
                <img src="./assets/images/product2.png">
                <p>优惠清仓大甩卖</p>
                <div class="bottom">
                    <div class="font">
                        <s>原价59</s>
                        <h6>优惠价</h6>
                        <span>98</span>
                        <h4>立即抢购</h4>
                    </div>
                </div>
            </div>
            <div class="box">
                <img src="./assets/images/product2.png">
                <p>优惠清仓大甩卖</p>
                <div class="bottom">
                    <div class="font">
                        <s>原价59</s>
                        <h6>优惠价</h6>
                        <span>98</span>
                        <h4>立即抢购</h4>
                    </div>
                </div>
            </div>
            <div class="box">
                <img src="./assets/images/product2.png">
                <p>优惠清仓大甩卖</p>
                <div class="bottom">
                    <div class="font">
                        <s>原价59</s>
                        <h6>优惠价</h6>
                        <span>98</span>
                        <h4>立即抢购</h4>
                    </div>
                </div>
            </div>
            <div class="box">
                <img src="./assets/images/product2.png">
                <p>优惠清仓大甩卖</p>
                <div class="bottom">
                    <div class="font">
                        <s>原价59</s>
                        <h6>优惠价</h6>
                        <span>98</span>
                        <h4>立即抢购</h4>
                    </div>
                </div>
            </div>
            <div class="box">
                <img src="./assets/images/product2.png">
                <p>优惠清仓大甩卖</p>
                <div class="bottom">
                    <div class="font">
                        <s>原价59</s>
                        <h6>优惠价</h6>
                        <span>98</span>
                        <h4>立即抢购</h4>
                    </div>
                </div>
            </div>
            <div class="box">
                <img src="./assets/images/product2.png">
                <p>优惠清仓大甩卖</p>
                <div class="bottom">
                    <div class="font">
                        <s>原价59</s>
                        <h6>优惠价</h6>
                        <span>98</span>
                        <h4>立即抢购</h4>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- market -->

    <!-- foot  -->
    <div class="foot">
        <img class="back" src="./assets/images/foot.png">
        <h3>查看全部宝贝</h3>
        <img class="up" src="./assets/images/up.png">
    </div>
    <!-- foot  -->

</body>
</html>
<!-- jquery -->
<script src="./assets/js/jquery.min.js"></script>

<!-- bootstrap -->
<script src="./assets/js/bootstrap.min.js"></script>

<!-- less解析器 -->
<script src="./assets/js/less.min.js"></script>

<!-- 懒加载 -->
<script src="./assets/js/wow.min.js"></script>

<script>

    //懒加载初始化
    new WOW().init()

</script>